<template>
    <!-- <div class="content-wrapper"> -->
      <div class="content-wrapper-header">
        <div class="content-wrapper-context">
          <h3 class="img-content">
            Adobe Stock
          </h3>
          <div class="content-text">Grab yourself 10 free images from Adobe Stock in a 30-day free trial plan and
            find perfect image, that will help you with your new project.</div>
          <button class="content-button">Start free trial</button>
        </div>
        <img class="content-wrapper-img" src="https://assets.codepen.io/3364143/glass.png" alt="">
      </div>
      <div class="content-section">
        <div class="content-section-title">Installed</div>
        <ul>
          <li class="adobe-product">
            <AdobeProduct />
          </li>
          <li class="adobe-product">
            <AdobeProduct />
          </li>
        </ul>
      </div>
    <!-- </div> -->
  </template>
  
  <script setup>
  import AdobeProduct from './AdobeProduct.vue';
  </script>
  <style>
  @import url(../css/content-wrapper.css);
</style>